<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="register.css" rel="stylesheet" type="text/css">
    <title>register</title>
</head>
<body>
<header>
    <section>
        <figure class="logo"><img src=".././img/yt-logo.png"></figure>
        <nav>
            <ul>
                <li>发布项目</li>
                <li>估价</li>
                <li>项目保</li>
                <li>帮助中心</li>
                <li class="head_sculpture"><img src="../img/avatar.png"></li>
            </ul>
        </nav>
    </section>
</header>
<section class="register">
    <section class="reg_flow">
        <div class="reg_title"><h1>帐号注册</h1></div>
        <div class="register_step">
            <ul>
                <li class="lineL"></li>
                <li class="step">

                    <figure class="nav_img">

                    </figure>
                    <span>验证手机号码</span>
                </li>
                <li class="lineS"></li>
                <li class="step">
                    <figure class="nav_img2">
                    </figure>
                    <span>设置用户密码</span>
                </li>
                <li class="lineS"></li>
                <li class="step">
                    <figure class="nav_img3">
                        <div class="circle circle3"></div>
                    </figure>
                    <span>注册成功</span>
                </li>
                <li class="lineL"></li>
            </ul>
        </div>
    </section>
    <section class="register_form">
        <section class="re_for">
            <ul class="step1">
                <li>
                    <div class="input_text">
                        <input type="text" placeholder="请输入手机号" class="input_user">
                        <div class="logo_s logo_user"></div>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="text" placeholder="请输入右侧验证码" class="input_sort">
                        <div class="logo_s logo_key"></div>
                        <figure class="yzm"><img src="../img/yzm.png"></figure>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="text" placeholder="手机验证码" class="codeMa">
                        <div class="logo_s logo_num"></div>
                        <div class="code">获取验证码</div>
                    </div>
                </li>
                <li>
                    <article class="agree_part">
                        <div class="agree"></div>
                        <span class="skip">创建帐号时，我同意遵守<a target="_blank" href="https://www.yuantuan.com/about/services">《猿团服务条款》</a></span>
                    </article>
                </li>
                <li>
                    <div class="input_text">
                        <input type="button" value="下一步" class="next_step next1"/>
                    </div>
                </li>
            </ul>
            <ul class="step2">
                <li>
                    <div class="input_text">
                        <input type="text" placeholder="请输入昵称" class="input_user index_text"/>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="text" placeholder="请输入手机" class="codeMa index_text"/>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="password" placeholder="请输入密码" class="codeMa index_text"/>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="password" placeholder="请再次确认密码" class="codeMa index_text"/>
                    </div>
                </li>
                <li>
                    <div class="input_text back">
                        <a class="back_stap">返回上一步重新填写手机号</a>
                    </div>
                </li>
                <li>
                    <div class="input_text">
                        <input type="button" value="下一步" class="next_step next2"/>
                    </div>
                </li>
            </ul>

            <ul class="step3">
                <li>
                    <h1 class="success">
                        <div class="contact_img">
                            <img src="../img/remember-me.png">
                        </div>
                        <div class="contact_text">注册成功</div>
                    </h1>
                </li>
                <div class="grey">
                    <h2>请核对并记住自己的身份信息</h2>
                    <div class="stap">
                        <label>用户名：</label>
                        <div>
                            <div class="text">sdadad</div>
                        </div>
                    </div>
                    <div class="stap">
                        <label>密码：</label>
                        <div>
                            <div class="text">100861g3weer</div>
                        </div>
                    </div>
                    <div class="stap">
                        <label>手机：</label>
                        <div>
                            <div class="text">123456789</div>
                        </div>
                    </div>
                </div>

                <li class="notice">
                    注册成功，请先<a href="../login/login.html">登录</a>,完善个人资料
                </li>
                <li>
                    <div class="input_text">
                        <input type="button" value="确认并登录" class="next_step"/>
                    </div>
                </li>
            </ul>
        </section>
    </section>
    <footer>
        <div class="copyright">
            <abbr>
                © 2016-2017 yuantuan.com 版权所有 蜀ICP备15022406号-8
                <img src=".././img/pic1.gif">
            </abbr>
            <article class="right">
                <a>著作权与商标声明</a>
                <span>|</span>
                <a>法律声明</a>
                <span>|</span>
                <a>服务条款</a>
                <span>|</span>
                <a>隐私声明</a>
                <span>|</span>
                <a>帮助中心</a>
                <span>|</span>
                <a>关于猿团</a>
                <span>|</span>
                <a>联系我们</a>
                <span>|</span>
                <a>友情链接</a>
            </article>
        </div>
    </footer>
</section>
<script src="../jquery-2.1.1.js"></script>
<script src="register.js"></script>
</body>
</html>